<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入轮播样式 -->
    <link rel="stylesheet" href="css/slider.css">
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部 -->
    <header id="header">
        <div class="top">
            <div class="container clearfix">
                <div class="fl">legochina.cn</div>
                <div class="fr">
                    欢光临<a href="index.html">乐购</a> ,请&emsp;<a href="login.html">登录</a> / <a href="register.html">注册</a>
                </div>
                <a href="index.html" class="logo">
                    <img src="images/index/logo.jpg">
                </a>
            </div>
        </div>
        <div class="searchbox container clearfix">
            <div class="my clearfix">
                <a href="buy.html">购物车&nbsp;<em>3</em></a>
                <a href="">我的订单</a>
            </div>
            <form action="">
                <input type="text" name="" id="" class="fl" placeholder="创意文具">
                <input type="submit" value="" id="sub" class="fl">
            </form>
        </div>
        <div class="nav container">
            <ul class="clearfix">
                <li><a href="projectList.html">图书</a></li>
                <li><a href="#">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">户外运动</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购</a></li>
                <li><a href="#">电器城</a></li>
            </ul>
        </div>
    </header>
    <!-- banner -->
    <section id="banner" class="container clearfix">
        <div class="listbox fl">
            <ul class="l_list">
                <li>
                    <p>
                        <a href="#">图书、电子书、童书</a>
                    </p>
                    <div class="menu">
                        <p>
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <div class="cls">
                            <h6>文艺</h6>
                            <p><a href="">小说</a> <a href="">文学</a><a href="">传记</a><a href="">青春</a><a href="">动漫</a><a
                                    href="">艺术</a><a href="">摄影</a><a href="">明星</a></p>
                            <h6>人文社科</h6>
                            <p><a href="">小说</a> <a href="">文学</a><a href="">传记</a><a href="">青春</a><a href="">动漫</a><a
                                    href="">艺术</a><a href="">摄影</a><a href="">明星</a><a href="">政治军事</a><a
                                    href="">文化</a><a href="">心理学</a><a href="">法律</a></p>
                            <h6>管理</h6>
                            <p><a href="">小说</a> <a href="">文学</a><a href="">传记</a><a href="">青春</a><a href="">动漫</a><a
                                    href="">艺术</a><a href="">摄影</a><a href="">明星</a><a href="">经济</a><a
                                    href="">投资理财</a><a href="">金融</a><a href="">互联网</a></p>
                            <h6>励志</h6>
                            <p><a href="">小说</a> <a href="">文学</a><a href="">传记</a><a href="">青春</a><a href="">动漫</a><a
                                    href="">艺术</a><a href="">摄影</a><a href="">明星</a><a href="">励志成功</a><a
                                    href="">职场</a><a href="">心灵修养</a></p>
                            <h6>教育</h6>
                            <p><a href="">中小学教辅</a> <a href="">考试</a><a href="">大中专教辅</a><a href="">外语</a><a
                                    href="">工具书</a><a href="">公务员</a><a href="">考研</a></p>
                            <h6>科技</h6>
                            <p><a href="">科普读物</a> <a href="">计算机\网络</a><a href="">医学</a><a href="">工业技术</a><a
                                    href="">建筑</a><a href="">自然科学</a></p>
                            <h6>生活</h6>
                            <p><a href="">两性</a> <a href="">孕期</a><a href="">育儿</a><a href="">保健</a><a href="">运动</a><a
                                    href="">休闲</a><a href="">旅游</a><a href="">美食</a><a href="">美装</a><a href="">家居</a><a
                                    href="">生活</a><a href="">健身</a></p>
                            <h6>刊\进口书</h6>
                            <p><a href="">英文进口书</a> <a href="">杂志</a><a href="">港台进口书</a><a href="">进口艺术画册</a><a
                                    href="">动漫</a><a href="">艺术</a><a href="">摄影</a><a href="">明星</a></p>
                        </div>
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">创意文具</a>
                    </p>
                    <div class="menu">创意文具</div>
                </li>
                <li>
                    <p>
                        <a href="#">服饰、内衣</a>
                    </p>
                    <div class="menu">服饰、内衣</div>
                </li>
                <li>
                    <p>
                        <a href="#">鞋靴、箱包</a>
                    </p>
                    <div class="menu">鞋靴、箱包</div>
                </li>
                <li>
                    <p>
                        <a href="#">户外运动</a>
                    </p>
                    <div class="menu">户外运动</div>
                </li>
                <li>
                    <p>
                        <a href="#">孕、婴、童</a>
                    </p>
                    <div class="menu">孕、婴、童</div>
                </li>
                <li>
                    <p>
                        <a href="#">家居、家纺、汽车</a>
                    </p>
                    <div class="menu">家居、家纺、汽车</div>
                </li>
                <li>
                    <p>
                        <a href="#">家具、家装、康体</a>
                    </p>
                    <div class="menu">家具、家装、康体</div>
                </li>
                <li>
                    <p>
                        <a href="#">美妆、个人护理、成人</a>
                    </p>
                    <div class="menu">美妆、个人护理、成人</div>
                </li>
                <li>
                    <p>
                        <a href="#">食品、茶酒、生鲜</a>
                    </p>
                    <div class="menu">食品、茶酒、生鲜</div>
                </li>
                <li>
                    <p>
                        <a href="#">腕表、珠宝、眼镜</a>
                    </p>
                    <div class="menu">腕表、珠宝、眼镜</div>
                </li>
                <li>
                    <p>
                        <a href="#">手机、数码</a>
                    </p>
                    <div class="menu">手机、数码</div>
                </li>
                <li>
                    <p>
                        <a href="#">电脑办公</a>
                    </p>
                    <div class="menu">电脑办公</div>
                </li>
                <li>
                    <p>
                        <a href="#">家用电器</a>
                    </p>
                    <div class="menu">家用电器</div>
                </li>
            </ul>

        </div>
        <div class="ban fl clearfix">
            <div class="pptbox fl" id="slider">
                <ul class="innerwrapper">
                    <li>
                        <a href="#">
                            <img src="images/banner1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/banner2.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/banner4.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/banner5.jpg" />
                        </a>
                    </li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
        </div>
    </section>
    <!-- 今日推荐 -->
    <section id="recommend" class="container">
        <h3>乐购·今日推荐</h3>
        <div class="con clearfix">
            <a href="#">
                <div>
                    <img src="images/index/index06_05.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/22.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/23.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>

            <a href="#">
                <div>
                    <img src="images/index/24.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/25.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/26.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/index06_11.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/27.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/28.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/29.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/30.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>
            <a href="#">
                <div>
                    <img src="images/index/31.jpg" alt="">
                    <img src="images/index/index05_18.jpg" alt="">
                </div>
                <div>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </a>

        </div>
    </section>
    <!-- 电子书 -->
    <section id="ebook" class="container clearfix floor">
        <div class="left fl">
            <div class="title clearfix">
                <h3>图书&nbsp;电子书</h3>
                <div class="card clearfix">
                    <a href="" class=".ah">最新上架</a>
                    <a href="">独家畅销</a>
                    <a href="">电子书</a>
                </div>
            </div>

            <div class="con con_cur clearfix">
                <div class="con_l fl">
                    <img src="images/index/index7_07.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">中小学教育</a></li>
                        <li><a href="#">外语</a></li>
                        <li><a href="#">考试</a></li>
                        <li><a href="#">小说</a></li>
                        <li><a href="#">文学</a></li>
                        <li><a href="#">青春文学</a></li>
                        <li><a href="#">成功/励志</a></li>
                        <li><a href="#">管理</a></li>
                        <li><a href="#">历史</a></li>
                        <li><a href="#">哲学/宗教</a></li>
                        <li><a href="#">亲子/家教</a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
                </div>
                <div class="con_r fl clearfix">
                    <div class="lunbo fl">
                        <div class="pptbox fl" id="books1_slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="images/book/335x220_ljx_0729.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner5.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </div>
                    <a href="#" class="bookshow fl">
                        <p>奥运狂欢</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/index/index09_05.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>奥运狂欢</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/index/index09_05.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>奥运狂欢</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/index/index09_05.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>奥运狂欢</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/index/index09_05.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>奥运狂欢</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/index/index09_05.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>奥运狂欢</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/index/index09_05.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    
                </div>
            </div>
            <div class="con clearfix">
                <div class="con_l fl">
                    <img src="images/index/index7_07.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">中小学教育</a></li>
                        <li><a href="#">外语</a></li>
                        <li><a href="#">考试</a></li>
                        <li><a href="#">小说</a></li>
                        <li><a href="#">文学</a></li>
                        <li><a href="#">青春文学</a></li>
                        <li><a href="#">成功/励志</a></li>
                        <li><a href="#">管理</a></li>
                        <li><a href="#">历史</a></li>
                        <li><a href="#">哲学/宗教</a></li>
                        <li><a href="#">亲子/家教</a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
                </div>
                <div class="con_r fl clearfix">
                    <div class="lunbo fl">
                        <div class="pptbox fl" id="books2_slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="images/book/335x220_ljx_0729.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner5.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </div>
                    <a href="#" class="bookshow fl">
                        <p>独家畅销</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23436139-1_l_1.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>独家畅销</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23436139-1_l_1.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>独家畅销</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23436139-1_l_1.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>独家畅销</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23436139-1_l_1.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>独家畅销</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23436139-1_l_1.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>独家畅销</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23436139-1_l_1.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    
                </div>
            </div>
            <div class="con clearfix">
                <div class="con_l fl">
                    <img src="images/index/index7_07.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">中小学教育</a></li>
                        <li><a href="#">外语</a></li>
                        <li><a href="#">考试</a></li>
                        <li><a href="#">小说</a></li>
                        <li><a href="#">文学</a></li>
                        <li><a href="#">青春文学</a></li>
                        <li><a href="#">成功/励志</a></li>
                        <li><a href="#">管理</a></li>
                        <li><a href="#">历史</a></li>
                        <li><a href="#">哲学/宗教</a></li>
                        <li><a href="#">亲子/家教</a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
                </div>
                <div class="con_r fl clearfix">
                    <div class="lunbo fl">
                        <div class="pptbox fl" id="books3_slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="images/book/335x220_ljx_0729.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner5.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </div>
                    <a href="#" class="bookshow fl">
                        <p>电子书</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23418061-1_l.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>电子书</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23418061-1_l.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>电子书</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23418061-1_l.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>电子书</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23418061-1_l.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>电子书</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23418061-1_l.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    <a href="#" class="bookshow fl">
                        <p>电子书</p>
                        <span>10万众电子书 直降40%</span>
                        <img src="images/book/23418061-1_l.jpg" alt="">
                        <p>￥49&emsp;&emsp;<span>￥79</span> </p>
                    </a>
                    
                </div>
            </div>

        </div>
        <div class="right fr bd">
            <h4>新书畅销榜</h4>
            <ul>
                <li> 
                    <span class="cred">1</span> 
                    <p class="hide">就喜欢你看不惯我&emsp;又干不</p>
                    <div class="con show clearfix">
                        <img src="images/index/index08_05.jpg" alt="" class="fl">
                        <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li> 
                    <span class="cred">2</span> 
                    <p class="">就喜欢你看不惯我&emsp;又干不</p>
                    <div class="con clearfix">
                        <img src="images/index/index08_05.jpg" alt="" class="fl">
                        <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li> 
                    <span class="cred">3</span> 
                    <p class="">就喜欢你看不惯我&emsp;又干不</p>
                    <div class="con clearfix">
                        <img src="images/index/index08_05.jpg" alt="" class="fl">
                        <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li> 
                    <span>4</span> 
                    <p class="">就喜欢你看不惯我&emsp;又干不</p>
                    <div class="con clearfix">
                        <img src="images/index/index08_05.jpg" alt="" class="fl">
                        <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li> 
                    <span>5</span> 
                    <p class="">就喜欢你看不惯我&emsp;又干不</p>
                    <div class="con clearfix">
                        <img src="images/index/index08_05.jpg" alt="" class="fl">
                        <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li> 
                    <span>6</span> 
                    <p class="">就喜欢你看不惯我&emsp;又干不</p>
                    <div class="con clearfix">
                        <img src="images/index/index08_05.jpg" alt="" class="fl">
                        <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li> 
                    <span>7</span> 
                    <p class="">就喜欢你看不惯我&emsp;又干不</p>
                    <div class="con clearfix">
                        <img src="images/index/index08_05.jpg" alt="" class="fl">
                        <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                
                
            </ul>
        </div>
       
    </section>
    <!-- 服装 -->
    <section id="cloth" class="container floor">
        <div class="title clearfix">
            <h3>服装</h3>
            <div class="card clearfix">
                <a href="" class=".ah">女装内衣</a>
                <a href="">热销男装</a>
                <a href="">精品鞋靴</a>
            </div>
        </div>
        <div class="cloth_con cloth_cur clearfix">
            <div class="cloth_con_l fl">
                    <img src="images/index/index7_17.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">中小学教育</a></li>
                        <li><a href="#">外语</a></li>
                        <li><a href="#">考试</a></li>
                        <li><a href="#">小说</a></li>
                        <li><a href="#">文学</a></li>
                        <li><a href="#">青春文学</a></li>
                        <li><a href="#">成功/励志</a></li>
                        <li><a href="#">管理</a></li>
                        <li><a href="#">历史</a></li>
                        <li><a href="#">哲学/宗教</a></li>
                        <li><a href="#">亲子/家教</a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
            </div>
            <div class="cloth_con_r fl clearfix">
                <div class="cloth_lunbo fl clearfix">
                    <div class="pptbox fl" id="cloths1_slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="images/women/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/women/162350015511487_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner3.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner5.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </div>
                <a href="#" class="cloth_con_r_t">
                    <img src="images/index/index100_05.jpg" alt="">
                </a>
                <a href="#" class="cloth_con_r_t">
                    <img src="images/index/index100_05.jpg" alt="">
                </a>
                <a href="#" class="cloth_con_r_t">
                    <img src="images/index/index100_05.jpg" alt="">
                </a>
                <a href="" class="long">
                    <img src="images/index/index11_08.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/index100_11.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/index100_11.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/index100_11.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="cloth_con clearfix">
            <div class="cloth_con_l fl">
                    <img src="images/index/index7_17.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">男装</a></li>
                        <li><a href="#">男装</a></li>
                        <li><a href="#">男装</a></li>
                        <li><a href="#">男装</a></li>
                        <li><a href="#">男装</a></li>
                        <li><a href="#">男装</a></li>
                        <li><a href="#">男装/励志</a></li>
                        <li><a href="#">男装</a></li>
                        <li><a href="#">男装</a></li>
                        <li><a href="#">哲学/男装</a></li>
                        <li><a href="#">男装/家教</a></li>
                        <li><a href="#">男装></a></li>
                    </ul>
            </div>
            <div class="cloth_con_r fl clearfix">
                <div class="cloth_lunbo fl clearfix">
                    <div class="pptbox fl" id="cloths2_slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="images/women/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/women/162350015511487_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner3.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner5.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </div>
                <a href="#" class="cloth_con_r_t">
                    <img src="images/book/q.jpg" alt="">
                </a>
                <a href="#" class="cloth_con_r_t">
                    <img src="images/book/q.jpg" alt="">
                </a>
                <a href="#" class="cloth_con_r_t">
                    <img src="images/book/q.jpg" alt="">
                </a>
                <a href="" class="long">
                    <img src="images/index/index11_08.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/book/w.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/book/w.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/book/w.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="cloth_con clearfix">
            <div class="cloth_con_l fl">
                    <img src="images/index/index7_17.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">鞋靴/励志</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">鞋靴/宗教</a></li>
                        <li><a href="#">鞋靴/家教</a></li>
                        <li><a href="#">鞋靴></a></li>
                    </ul>
            </div>
            <div class="cloth_con_r fl clearfix">
                <div class="cloth_lunbo fl clearfix">
                    <div class="pptbox fl" id="cloths3_slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="images/women/139430026166665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/women/162350015511487_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner3.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner5.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </div>
                <a href="#" class="cloth_con_r_t">
                    <img src="images/index/12.jpg" alt="">
                </a>
                <a href="#" class="cloth_con_r_t">
                    <img src="images/index/12.jpg" alt="">
                </a>
                <a href="#" class="cloth_con_r_t">
                    <img src="images/index/12.jpg" alt="">
                </a>
                <a href="" class="long">
                    <img src="images/index/index11_08.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/11.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/11.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/11.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="cloth_logo">
            <a href="">
                <img src="images/index/logo13_11.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_12.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_14.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_11.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_15.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_16.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_17.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/index15_13.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/index15_14.jpg" alt="">
            </a>
        </div>
    </section>
    <!-- 户外运动 -->
    <section id="sport" class="container floor">
        <div class="title clearfix">
            <h3>户外运动</h3>
            <div class="card clearfix">
                <a href="" class=".ah">国际名品</a>
                <a href="">户外装备</a>
                <a href="">运动潮流</a>
            </div>
        </div>
        <div class="sport_con sport_cur clearfix">
            <div class="sport_con_l fl">
                    <img src="images/man/86900018851686_y.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">女包</a></li>
                        <li><a href="#">防晒品</a></li>
                        <li><a href="#">短裤</a></li>
                        <li><a href="#">冰丝内裤</a></li>
                        <li><a href="#">男包</a></li>
                        <li><a href="#">功能箱包</a></li>
                        <li><a href="#">蕾丝衬衫</a></li>
                        <li><a href="#">奢侈品</a></li>
                        <li><a href="#">男鞋</a></li>
                        <li><a href="#">女包</a></li>
                        <li><a href="#">女鞋</a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
            </div>
            <div class="sport_con_r fl clearfix">
                <div class="sport_lunbo fl clearfix">
                    <div class="pptbox fl" id="sports1_slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="images/sport/160801-12909pc-B1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/sport/160729-3709pc-B.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/sport/160801-12909pc-B1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner5.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </div>
                <a href="#" class="sport_con_r_t">
                    <img src="images/yundong/160801-17862pc-C.jpg" alt="">
                </a>
                <a href="#" class="sport_con_r_t">
                    <img src="images/yundong/160801-17862pc-C.jpg" alt="">
                </a>
                <a href="#" class="sport_con_r_t">
                    <img src="images/yundong/160801-17862pc-C.jpg" alt="">
                </a>
                <a href="" class="long">
                    <img src="images/index/index11_08.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/yundong/160729-12609pc-D.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/yundong/160729-12609pc-D.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/yundong/160729-12609pc-D.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="sport_con  clearfix">
            <div class="sport_con_l fl">
                    <img src="images/man/86900018851686_y.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
            </div>
            <div class="sport_con_r fl clearfix">
                <div class="sport_lunbo fl clearfix">
                    <div class="pptbox fl" id="sports2_slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="images/sport/160801-12909pc-B1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/sport/160729-3709pc-B1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/sport/160801-12909pc-B1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner5.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </div>
                <a href="#" class="sport_con_r_t">
                    <img src="images/index/13.jpg" alt="">
                </a>
                <a href="#" class="sport_con_r_t">
                    <img src="images/index/13.jpg" alt="">
                </a>
                <a href="#" class="sport_con_r_t">
                    <img src="images/index/13.jpg" alt="">
                </a>
                <a href="" class="long">
                    <img src="images/index/index11_08.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/14.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/14.jpg" alt="">
                </a>
                
                <a href="" class="short">
                    <img src="images/index/14.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="sport_con clearfix">
            <div class="sport_con_l fl">
                    <img src="images/man/86900018851686_y.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">运动潮流 </a></li>
                        <li><a href="#">运动潮流 </a></li>
                        <li><a href="#">运动潮流 </a></li>
                        <li><a href="#">运动潮流 </a></li>
                        <li><a href="#">运动潮流 </a></li>
                        <li><a href="#">运动潮流 </a></li>
                        <li><a href="#">运动潮流 </a></li>
                          <li><a href="#">运动潮流 </a></li>
                        <li><a href="#">运动潮流 </a></li>
                        <li><a href="#">运动潮流 </a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
            </div>
            <div class="sport_con_r fl clearfix">
                <div class="sport_lunbo fl clearfix">
                    <div class="pptbox fl" id="sports3_slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="images/sport/160801-12909pc-B1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/sport/160729-3709pc-B.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/sport/160801-12909pc-B1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/banner5.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </div>
                <a href="#" class="sport_con_r_t">
                    <img src="images/index/15.jpg" alt="">
                </a>
                <a href="#" class="sport_con_r_t">
                    <img src="images/index/15.jpg" alt="">
                </a>
                <a href="#" class="sport_con_r_t">
                    <img src="images/index/15.jpg" alt="">
                </a>
                <a href="" class="long">
                    <img src="images/index/index11_08.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/16.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/16.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/16.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="sport_logo">
            <a href="">
                <img src="images/index/logo13_11.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_12.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_14.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_11.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_15.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_16.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_17.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/index15_13.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/index15_14.jpg" alt="">
            </a>
        </div>
    </section>
    <!-- 童装、童鞋、婴儿装 -->
    <section id="babycloth" class="container floor">
        <div class="title clearfix">
            <h3>童装 童鞋 婴儿装</h3>
            <div class="card clearfix">
                <a href="" class=".ah">儿童服装</a>
                <a href="">婴儿装</a>
                <a href="">小潮童鞋 </a>
            </div>
        </div>
        <div class="babycloth_con babycloth_cur clearfix">
            <div class="babycloth_con_l fl">
                    <img src="images/children/86030026097384_y.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">女包</a></li>
                        <li><a href="#">防晒品</a></li>
                        <li><a href="#">短裤</a></li>
                        <li><a href="#">冰丝内裤</a></li>
                        <li><a href="#">男包</a></li>
                        <li><a href="#">功能箱包</a></li>
                        <li><a href="#">蕾丝衬衫</a></li>
                        <li><a href="#">奢侈品</a></li>
                        <li><a href="#">男鞋</a></li>
                        <li><a href="#">女包</a></li>
                        <li><a href="#">女鞋</a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
            </div>
            <div class="babycloth_con_r fl clearfix">
                <div class="babycloth_lunbo fl clearfix">
                    <div class="pptbox fl" id="babycloths1_slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="images/children/86030026281665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/children/187720017020448_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/children/a_ban_383-340.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/children/lunbo.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </div>
                <a href="#" class="babycloth_con_r_t">
                    <img src="images/children/55260017675581_y.jpg" alt="">
                </a>
                <a href="#" class="babycloth_con_r_t">
                    <img src="images/children/55260017675581_y.jpg" alt="">
                </a>
                <a href="#" class="babycloth_con_r_t">
                    <img src="images/children/55260017675581_y.jpg" alt="">
                </a>
                <a href="" class="long">
                    <img src="images/index/index11_08.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/children/99999990000357083.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/children/99999990000357083.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/children/99999990000357083.jpg" alt="">
                </a>
                
            </div>
        </div>
        <div class="babycloth_con clearfix">
            <div class="babycloth_con_l fl">
                    <img src="images/children/86030026097384_y.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">婴儿装</a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
            </div>
            <div class="babycloth_con_r fl clearfix">
                <div class="babycloth_lunbo fl clearfix">
                    <div class="pptbox fl" id="babycloths2_slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="images/children/86030026281665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/children/187720017020448_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/children/a_ban_383-340.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/children/lunbo.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </div>
                <a href="#" class="babycloth_con_r_t">
                    <img src="images/index/17.jpg" alt="">
                </a>
                <a href="#" class="babycloth_con_r_t">
                    <img src="images/index/17.jpg" alt="">
                </a>
                <a href="#" class="babycloth_con_r_t">
                    <img src="images/index/17.jpg" alt="">
                </a>
                <a href="" class="long">
                    <img src="images/index/index11_08.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/18.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/18.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/18.jpg" alt="">
                </a>
                
            </div>
        </div>
        <div class="babycloth_con clearfix">
            <div class="babycloth_con_l fl">
                    <img src="images/children/86030026097384_y.jpg" alt="">
                    <ul class="clearfix">
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">小潮童鞋</a></li>  
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">小潮童鞋</a></li>
                        <li><a href="#">全部分类></a></li>
                    </ul>
            </div>
            <div class="babycloth_con_r fl clearfix">
                <div class="babycloth_lunbo fl clearfix">
                    <div class="pptbox fl" id="babycloths3_slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="images/children/86030026281665_y.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/children/187720017020448_1_o.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/children/a_ban_383-340.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/children/lunbo.jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                </div>
                <a href="#" class="babycloth_con_r_t">
                    <img src="images/index/19.jpg" alt="">
                </a>
                <a href="#" class="babycloth_con_r_t">
                    <img src="images/index/19.jpg" alt="">
                </a>
                <a href="#" class="babycloth_con_r_t">
                    <img src="images/index/19.jpg" alt="">
                </a>
                <a href="" class="long">
                    <img src="images/index/index11_08.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/21.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/21.jpg" alt="">
                </a>
                <a href="" class="short">
                    <img src="images/index/21.jpg" alt="">
                </a>
                
            </div>
        </div>

        <div class="babycloth_logo">
            <a href="">
                <img src="images/index/logo13_11.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_12.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_14.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_11.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_15.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_16.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/logo13_17.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/index15_13.jpg" alt="">
            </a>
            <a href="">
                <img src="images/index/index15_14.jpg" alt="">
            </a>
        </div>
    </section>
    <!-- 家居日用 -->
    <section id="house" class="container floor">
        <h3>家居日用</h3>
        <div class="house_con clearfix">
            <a href="#" class="house_con_l fl">
                <img src="images/index/index21_05.jpg" alt="">
            </a>
            <div class="house_con_r fr">
                <a href="" class="top">
                    <img src="images/index/index22_05.jpg" alt="">
                </a>
                <a href="" class="top">
                    <img src="images/index/index22_05.jpg" alt="">
                </a>
                <a href="" class="top">
                    <img src="images/index/index22_05.jpg" alt="">
                </a>
                <a href="" class="top">
                    <img src="images/index/index22_05.jpg" alt="">
                </a>
                <a href="" class="botm">
                    <img src="images/index/index23_08.jpg" alt="">
                </a>
                <a href="" class="botm">
                    <img src="images/index/index23_08.jpg" alt="">
                </a>
                <a href="" class="botm">
                    <img src="images/index/index23_08.jpg" alt="">
                </a>
                <a href="" class="botm">
                    <img src="images/index/index23_08.jpg" alt="">
                </a>
            </div>
        </div>
    </section>
    <!-- 推广商品 -->
    <section id="extend" class="container">
        <div class="title clearfix">
            <h3 class="fl">推广商品</h3>
            <div class="radio fr">
                <div class="radio_cur"></div>
                <div></div>
            </div>
        </div>
        <div class="extend_con extend_con_cur clearfix">
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/index/index25_12.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            
        </div>
        <div class="extend_con clearfix">
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            <a href="#" class="con">
                <img src="images/active/hengshi.jpg" alt="">
                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                <span>￥：189</span>
                <div>已有<span>988</span>条评价0</div>
            </a>
            
        </div>
    </section>
    <!-- 页尾 -->
    <footer id="footer">
        <div class="service">
            <div class="container">
               <a href=""><img src="images/index/222_11.png" alt=""> </a>
               <a href=""><img src="images/index/222_13(1).png" alt=""> </a>
               <a href=""><img src="images/index/222_15.png" alt=""> </a>
               <a href=""><img src="images/index/222_17.png" alt=""> </a>
            </div>
        </div>
        <div class="help container clearfix">
            <ul>
                <li><h5>购物指南</h5></li>
                <li><a href="">购物流程</a></li>
                <li><a href="">发票制度</a></li>
                <li><a href="">账户管理</a></li>
                <li><a href="">会员优惠</a></li>
            </ul>
            <ul>
                <li><h5>支付方式</h5></li>
                <li><a href="">货到付款</a></li>
                <li><a href="">网上支付</a></li>
                <li><a href="">礼品卡支付</a></li>
                <li><a href="">银行转帐</a></li>
            </ul>
            <ul>
                <li><h5>订单服务</h5></li>
                <li><a href="">订单状态说明</a></li>
                <li><a href="">自助取消订单</a></li>
                <li><a href="">自助修改订单</a></li>
                <li><a href="">订单配送查询</a></li>
            </ul>
            <ul>
                <li><h5>退换货</h5></li>
                <li><a href="">退换货政策</a></li>
                <li><a href="">自助申请退换货</a></li>
                <li><a href="">退换货进度查询</a></li>
                <li><a href="">退款方式和时间</a></li>
            </ul>
            <ul>
                <li><h5>商家服务</h5></li>
                <li><a href="">商家中心</a></li>
                <li><a href="">运营服务</a></li>
                <li><a href="">加入尾品汇</a></li>
            </ul>
            <img src="images/index/logo_00.png" alt="">
        </div>
        <div class="footer_botm container">
            <a href="">公司简介</a>&emsp;|&emsp;
            <a href=""> Investor Relations</a>&emsp;|&emsp;
            <a href=""> 网站联盟 </a>&emsp;|&emsp;
            <a href=""> 乐购招商  </a>&emsp;|&emsp;
            <a href=""> 机构销售  </a>&emsp;|&emsp;
            <a href=""> 手机乐购  </a>&emsp;|&emsp;
            <a href=""> 官方Blog  </a>&emsp;|&emsp;
            <a href=""> 热词搜索  </a>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
        <!-- 回到顶部 -->
        <div id="totop">
            <img src="images/index/gototop_05.jpg" alt="">
        </div>
    </footer>
    <!-- 右侧二维码 -->
    <div id="right">
        <a href="">
            <img src="images/index/two_30.jpg" alt="">
        </a>
        <a href="">
            <div class="er">
                <img src="images/index/two_35.jpg" alt="">
                <img src="images/index/two_34.jpg" alt="">
            </div>
            
        </a>
        <a href="">
            <img src="images/index/two_40.jpg" alt="">
            <div>26</div>
        </a>
    </div>
    <!-- 顶部隐藏搜索框 -->
    <div id="top_search">
        <div class="clearfix">
            <div class="fl"><img src="images/index/logo_00.png" alt=""></div>
            <form action="">
                <input type="text" name="" id="" class="fl" placeholder="创意文具">
                <input type="submit" value="" id="sub" class="fl">
            </form>
        </div>
    </div>
    <!-- 左侧楼层跳转 -->
    <div id="floor">
        <a class="bg1" bgc="#b2ec7a">
            <span>图书</span>
        </a>
        <a class="bg2" bgc="#e6c262">
            <span>服装</span>
        </a>
        <a class="bg3" bgc="#6bb8f7">
            <span>sport</span>
        </a>
        <a class="bg4" bgc="#ef8cf8">
            <span>童装</span>
        </a>
        <a class="bg5" bgc="#def197">
            <span>家居</span>
        </a>
    </div>
</body>
<!-- 1. 引入jQuery -->
<script src="lib/jquery.js"></script>
<!-- 2.楼层跳转文件 -->
<script src="lib/floor.js"></script>
<!-- 3. 引入轮播插件 -->
<script src="lib/jquery.slidebox.js"></script>
<!-- 4.引入公共js -->
<script src="js/common.js"></script>
<!-- 5. 引入当前页面js文件 -->
<script src="js/index.js"></script>


</html>